@charset "utf-8";
*{
    margin:0;
    padding:0;
}
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
.web{
    font-family: 苹方;
    font-size: 0;
    >header{
        margin-top:15px;
        margin-bottom:r(43);
        font-size:0;
        display:flex;
        display:-webkit-flex;
        justify-content: space-around;
        align-items: center;
        >section{
            width:r(370);
            >img{
                width:100%;
            }
            &:nth-of-type(2){
                display: none;
            }
        }//logo
        >nav{
            display: none;
        }
        >.nav{
            font-size:0;
            width:r(1044);
            display:flex;
            display:-webkit-flex;
            justify-content: space-between;
            >li{
                cursor: pointer;
                position: relative;
                font-size: r(30);
                font-family: 宋体;
                color:#000;
                >a{
                    color:#000;
                    &:hover{
                        color:#e67958;
                    }
                }
            }
            >.border_san::after{
                content: "";
                position: absolute;
                display: inline-block;
                left: 0%;
                bottom: -50%;
                transform: translate(100%,50%);
                width: 0;
                height:0;
                border-top:r(15) solid rgb(71, 71, 71);
                border-bottom:r(10) solid transparent;
                border-left:r(10) solid transparent;
                border-right:r(10) solid transparent;
                // background: #000;
            }
        }
    }//头部
    >.h_txt{
        margin-top:r(55);
        font-size: r(18);
        color:#000;
        text-align: center;
    }
    >.t_txt{
        margin-top:r(25);
        font-size:r(18);
        color:#000;
        text-align: center;
        margin-bottom:r(36);
    }
    >.banner_box{
        width:66%;
        margin: 0 auto;
        margin-bottom:r(130);
        display:flex;
        display:-webkit-flex;
        >.left_banner{
            width:50%;
            >img{
                width:100%;
            }
        }
        >.r_banner{
            width:50%;
            >img{
                width:100%;
            }
        }
    }//banner_box
    >.small_title{
        position: relative;
        text-align: center;
        font-size: r(40);
        color:#000;
       &:after{
           content: "";
            position: absolute;
            width:r(190);
            height:3px;
            transform: translateX(-93%);
            background: #fac601;
            bottom:-3px;
       }
    }
    >.A_img{
        margin-top:r(40);
        margin-bottom:r(70);
        text-align: center;
        >span{
            display: inline-block;
            width:r(55);
            >img{
                width:100%;
            }
        }
    }
    >.B_img{
        margin-top:r(40);
        margin-bottom:r(70);
        text-align: center;
        >span{
            display: inline-block;
            width:r(55);
            >img{
                width:100%;
            }
        }
    }
    >.p_content{
        margin:0 auto;
        width:66%;
        text-indent:r(50);
        font-size: r(25);
        color:#7d7b85;
    }
    >.p_contentt{
        margin:0 auto;
        width:66%;
        font-size: r(25);
        color:#7d7b85;
        margin-bottom:r(205);
    }
    >footer{
        position: relative;
        font-family: 微软雅黑;
        width:r(1920);
        >img{
            width:100%;
        }
        >aside{
            position: absolute;
            top:r(207);
            right:r(223);
            >p{
                font-size: r(40);
                color:#fff;
                margin-bottom:r(80);
            }
            >input{
                vertical-align: middle;
                height:r(72);
                width:r(545);
                border-top-left-radius: 50px;
                border-bottom-left-radius: 50px;
                font-size: r(14);
                border: 0;
                padding: 0 r(20);
            }
            >span{
                vertical-align: middle;
                display:inline-block;
                text-align: center;
                line-height: r(16);
                color:#786ff8;
                background: #fff;
                border-top-right-radius: 50px;
                border-bottom-right-radius: 50px;
                font-size: r(16);
                height:r(72);
                padding:r(28) r(18);
            }
        }
    }
}
@media only screen and (min-width: 768px)and (max-width:992px) {
    .web{
        font-family: 苹方;
        font-size: 0;
        >header{
            >section{
                >img{
                    width:100%;
                }
                &:nth-of-type(2){
                    display: none;
                }
            }//logo
            >nav{
                display: none;
            }
            >.nav{
                >li{
                    font-size: 16px;
                    font-family: 宋体;
                    color:#000;
                    >a{
                        color:#000;
                        &:hover{
                            color:#e67958;
                        }
                    }
                }
            }
        }//头部
    }
}
@media only screen and (max-width: 768px) {
    .web{
        font-family: 苹方;
        font-size: 0;
        >header{
            margin:0 auto;
            margin-top:20px;
            margin-bottom:r(43);
            font-size:0;
            display:flex;
            display:-webkit-flex;
            justify-content: space-between;
            align-items: center;
            width:85%;
            >section{
                // margin-left:32px;
                width:r(150);
                >img{
                    width:100%;
                }
                &:nth-of-type(1){
                    display: none;
                }
                &:nth-of-type(2){
                    display: block;
                }
            }//logo
            >nav{
                display: flex;
                display:-webkit-flex;
                flex-direction: column;
                // flex-wrap: wrap;
                margin:0;
                padding:0;
                width:36px;
                // margin-right:32px;
                
                >span{
                    margin-bottom:5px;
                    width:25px;
                    height:3px;
                    border-radius: 3px;
                    background: #333;
                }
            }
            >.nav{
                position: absolute;
                top:5px;
                right: r(270);
                font-size:0;
                width:130px;
                display:flex;
                display:-webkit-flex;
                flex-wrap: wrap;
                z-index: 9999;
                animation: fadeIn .5s;
                border: 1px #d3d3d3 solid;
                box-shadow: 0px 1px 1px #a0a0a0;
                border-radius: 10px;
                display: none;
                >li{
                    background:#fff;
                    padding:0;
                    margin:0;
                    text-align: center;
                    padding:8px 0;
                    width: 100%;
                    font-size: 12px;
                    font-family: 宋体;
                    color:#000;
                    &:hover{
                        color:#fff;
                        background: #e67958;
                    }
                    >a{
                        color:#000;
                        &:hover{
                            color:#fff;;
                        }
                    }
                }
            }
        }//头部
        >.h_txt{
            margin-top:r(55);
            font-size: r(50);
            color:#000;
            text-align: center;
        }
        >.t_txt{
            margin-top:r(25);
            font-size:r(39);
            color:#000;
            text-align: center;
            margin-bottom:r(36);
        }
        >.A_img{
            margin-top:r(40);
            margin-bottom:r(70);
            text-align: center;
            >span{
                display: inline-block;
                width:r(85);
                >img{
                    width:100%;
                }
            }
        }
        >.B_img{
            margin-top:r(40);
            margin-bottom:r(70);
            text-align: center;
            >span{
                display: inline-block;
                width:r(85);
                >img{
                    width:100%;
                }
            }
        }
        >.p_content{
            margin:0 auto;
            width:66%;
            text-indent:r(50);
            font-size: r(50);
            color:#7d7b85;
        }
        >.p_contentt{
            margin:0 auto;
            width:66%;
            font-size: r(50);
            color:#7d7b85;
            margin-bottom:r(205);
        }
        >footer{
            position: relative;
            font-family: 微软雅黑;
            width:100%;
            >img{
                width:100%;
            }
            >aside{
                position: absolute;
                top:r(207);
                right:r(223);
                >p{
                    font-size: r(40);
                    color:#fff;
                    margin-bottom:r(80);
                }
                >input{
                    display: none;
                }
                >span{
                    display: none;
                }
            }
        }
    }
}